<!-- BEGIN PAGE HEADER-->
<h3 class="page-title">
    已部署流程定义
</h3>
<!-- END PAGE HEADER-->
<!-- BEGIN MAIN CONTENT -->
<hr/>
<div class="col-md-3 col-sm-3">
    <div class="scroller" style="height: 306px;" data-always-visible="1" data-rail-visible1="0"
         data-handle-color="#D7DCE2">
        <ul class="feeds">
            <li ng-repeat="process in processes">
                <div class="col1" ng-click="showProcess(process)">
                    <div class="cont">
                        <div class="cont-col1">
                            <div class="label label-sm label-success">
                                <i class="fa fa-bell-o"></i>
                            </div>
                        </div>
                        <div class="cont-col2">
                            <div class="desc">
                                {{process.name || process.key}}
                            </div>
                        </div>
                    </div>
                </div>
            </li>
        </ul>
    </div>
</div>
<div class="col-md-9 col-sm-9" ng-show="process">
    <div class="portlet">
        <div class="portlet-title">
            <div class="caption">
                <i class="icon-share font-green-haze hide"></i>
                <span class="caption-subject font-green-haze bold">{{process.name || process.key}}</span>
                <span class="caption-helper">{{'版本 ' + process.version}}</span>
            </div>
            <div class="actions">
                <button class="btn btn-success" ng-click="startProcess()"><i class="fa fa-plus"></i> 启动流程</button>
            </div>
        </div>
        <div class="portlet-body">
            <iframe id="bpm-process" src="{{processPath}}" frameborder="0" style="width: 100%;"></iframe>
        </div>
    </div>
</div>
<!-- END MAIN CONTENT -->
<!-- BEGIN MAIN JS -->
<script>
    var iframe = $('#bpm-process');
    var height = $('.page-content-wrapper').height();
    iframe.height(height - 155);
    $('.scroller').height(height - 100);
</script>
<!-- END MAIN JS -->